<!--
/**
 * @author xuyh0817
 * @email xuyh0817@foxmail.com
 * @date 2022-10-19 12:53
 * @version 1.0.0
 * @doc todo
 * @website todo
 * @remark  如果要分发源码，需在本文件顶部保留此文件头信息！！
 * @description todo
 */
 -->
<template>
  <header class="app-header">
    <div class="app-header-title">姜的备忘录</div>
    <div class="app-header-right">
      <el-button type="text">
        Memo For Jiang
      </el-button>

    </div>

  </header>
</template>

<script>


export default {
  name: 'Top'
}
</script>

<style scoped lang="css">
.app-header {
  height: 50px;
  width: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}

.app-header .app-header-title {
  font-size: 24px;
  color: #409eff;
  line-height: 50px;
  font-weight: bold;
}

.app-header .app-header-right {
  display: flex;
  align-items: center;
}

.app-header .app-header-right .el-link {
  margin-right: 20px;
}
</style>
